<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>    
 <link rel="stylesheet" href="first-project.css">
</head>
<body>

<div class="top">
<div class="tel">+442071933316</div>
<div class="btn"><img id="callbutton" src="../../first-project/static/img/callbutton_24px.png" width="40"></div>
<div class="ic"><a href="#" class='icons1'></a>
    <a href="#" class="icons2"></a>
    <a href="#" class="icons3"></a>
    <a href="#" class="icons4"></a>
</div>
</div> 
<p>
<ul class='guide'>
<div><img id="search" src="../../first-project/static/img/icons.png"></div>
<li><a class="black"href='#BLOG'>BLOG</a></li>
<li><a class="black"href='#OFFERS'>OFFERS</a></li>
<li><a class="black"href='#SOUL'>SOUL</a></li>
<li><a class="grey"href="#BODY">BODY</a></li>
<li><a class="grey"href="#MIND">MIND</a></li>
</ul>
<div id="COM">COMBADI</div></p>

<div id="DIF">COME BACK <img id="bird" src="../../first-project/static/img/home-title-birdie.png" width="130px" height="140px" align='middle'> DIFFERENT
</div>
<p id="text">Innovative holiday & travel ideas that help you<br>learn, grow and change.</P>
<div class="button">
<a href="#" id="btn1"></a>
<a href="#" id="btn2"></a>
<a href="#" id="btn3"></a>
</div>
<p id="title">
<ul id="ecr">
<li id="te">Rediscover your</li>
<li id="te">Callenge your</li>
<li id="te">Expand your</li>
<br>
<li id="tf">MIND</li>
<li id="tf">BODY</li>
<li id="tf">SOUL</li>
</ul>
</p>
<div id="tt"><div class="t1">COMBADI PICKS</div>
</div>

<p id="gallery">
    <ul id="ga">
        <li class="gll">
            <img class="picks1" id="pick1" src="../../first-project/static/img/picks-1.jpg">
            <div class="picks1">Trail running, yoga & whale 
                <br>watching. A trip with you 
                <br>mind
                <div class="gy">Canary Island,Spain</div>
                </div> 
        </li>
        <li class="gll">
         <img id="pick2" src="../../first-project/static/img/picks.jpg">
            <br>Sail into the Ionian wide blue
            <br> in Athensyonder
            <div class="gy">Ionian Sea, Greece</div>
        </li>
        <li class="gll">
            <img id="pick3" src="../../first-project/static/img/picks-3.jpg">
            <br>Social street work
            <br>Voluntourism
            <div class="gy">Athens, Greece</div>
        </li>
        <li class="gll">
            <img id="pick4" src="../../first-project/static/img/picks-4.jpg">
            <br>Learn the Sacred Wisdom of 
            <br>Maya with Miguel Angel 
            <br>Vergara
            <div class="gy">Mexico, Americas</div>
        </li>
   </ul>
   <ul id="ga">    
            <li class="gll">
                    <img class="picks1" id="pick5" src="../../first-project/static/img/picks-5.jpg">
                    <div class="picks1">The great outdoors fitness 
                    <br>bootcamp
                    <div class="gy">Andalusia, spain</div>
                    </div>
                    </li>           
                <li class="gll">
                    <img id="pick6" src="../../first-project/static/img/picks-6.jpg">
                    <br>Life changing greek island
                    <br>holiday
                    <div class="gy">Skyros, Greece</div>
                </li>
                <li class="gll">
                    <img id="pick7" src="../../first-project/static/img/picks-7.jpg">
                    <br>Crete's secret yoge and
                    <br>meditation retreat revealed
                    <div class="gy">Crete, Greece</div>
                </li>
                <li class="gll">
                    <img id="pick8" src="../../first-project/static/img/picks-8.jpg">
                    <br>Journey through Himalayan
                    <br>villages
                    <div class="gy">Canary Island, Spain</div>
                </li>
           </ul>    
</p>
<p id="blog">
    <img id="hb" src="../../first-project/static/img/home-blog-badge.png">
</p>
        <div class="responsive">
                <div class="img">
                    <img id="blog1" src="../../first-project/static/img/blog-1.jpg" alt="图片文本描述" width="300" height="200">
                  <div class="desc" id="des1"><div class="date">SETEMBER 1, 2014</div>
                      <div class="review">
                          10 ways to avoid getting
                          <br>depressed at end of 
                          <br>your holiday
                          <br>
                          <br>
                          <br>
                          <a target="_blank" href="#">
                              <div class="rm">READ MORE>></div></a>
                  </div>
                  </div>
                </div>
              </div>
             <div class="responsive">
                <div class="img">
                        <img id="blog2" src="../../first-project/static/img/blog-2.jpg" alt="图片文本描述" width="300" height="200">
                      <div class="desc"><div class="date">AUGUST 24, 2014</div>
                          <div class="review">
                              Memories from Pelion and
                              <br>a taste of adventure yet to
                              <br>come
                              <br>
                              <br>
                              <br>
                              <a target="_blank" href="#">
                            <div class="rm">READ MORE>></div></a>
                          </div>
                      </div>
                    </div>
                  </div>
                  <div class="responsive3">
                        <div class="img">
                            <img id="blog3" src="../../first-project/static/img/blog-3.jpg" alt="图片文本描述" width="300" height="200">       
                          <div class="desc"><div class="date">AUGUST 20, 2014</div>
                              <div class="review">
                                  Sailing and cycling along
                                  <br>the Greek islands is the
                                  <br>way to experience Greece
                                  <br>
                                  <br>
                                  <br>
                                  <a target="_blank" href="#">
                                <div class="rm">READ MORE>></div></a>
                              </div>
                          </div>
                        </div>
                      </div>
                      <dl class="footer" id="footer1">
                          <dt class="f1">NAVIGATE</dt>
                           <dt class="f1">STAY IN THE LOOP</dt>  
                           <dt class="f1">CONNECT WITH COMBADI</dt>
                           <div class="f1" id="f2">
                               HOME<br>
                               MIND<br>
                               BODY<br>
                               SOUL
                           </div>
                           <div class="f1" id="f3">
                               ABOUT
                               <br>CONTACT
                               <br>F.A.Q
                               <br>BLOG
                           </div>
                           <div id="rec">Receive monthly cool ideas,inspiring stories,
                               <br>great reviews and offers.
                               <br><input type="e-mail" name="e-mail" placeholder="Your email address">
                               <input id="submit" type="submit" value="SUBIMT">
                           </div>
                           <div class="f1" id="reg">REGISTER YOUR HOLIDAY</div>
                           <img id="tta" src="../../first-project/static/img/tta.png">
                           <div class="f1" id="sup">SUPPORTED CREDIT CARDS
                                
                           </div>
                           <div class="f1" id="combadi">COMBADI
                            <div class="pe">37 Craven Hill Gardens Bayswater
                                <br>London, W23EA
                            <br>Uk
                            <br>Phone:<div class="pr">+44 20 7193 3316</div>
                            Email:<div class="pr">info@combadi.com</div></div>   
                           </div>
                           
                        
                        <div class="s">
                        <a href="#" class="s1"></a>
                        <a href="#" class="s2"></a>
                        <a href="#" class="s3"></a>
                        <a href="#" class="s4"></a>
                        </div>
                        <div class="c">
                        <a href="#" class="c1"></a>
                        <a href="#" class="c2"></a>
                        <a href="#" class="c3"></a>
                        <a href="#" class="c4"></a>
                        <div><a href="#" class="c5"></a></div>
                        </div>
                        
                        <img id="footbird" src="../../first-project/static/img/footer-come-back-different.png">
                         <div><img id="awww" src="../../first-project/static/img/awwwards.png"></div>   
                        <div id="footext">@ 2014 Combadi. All Rights Reserved.|Disclaimer</div>
                        </dl>
</body>
</html>